import IconWrapper from './Wrapper';

const RawIcon = (
  <svg viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M8.78221 1.41384C8.87784 1.24418 9.12216 1.24418 9.21779 1.41384L9.87115 1.04557L9.21779 1.41384L11.2959 5.10086C11.5457 5.54392 11.9758 5.85642 12.4743 5.95701L16.6231 6.79411C16.814 6.83263 16.8895 7.06499 16.7577 7.20837L13.8933 10.3242L14.4455 10.8318L13.8933 10.3242C13.5491 10.6986 13.3848 11.2042 13.4432 11.7095L13.9291 15.9138C13.9515 16.1073 13.7538 16.2509 13.5767 16.1699L9.72829 14.4085C9.26583 14.1968 8.73417 14.1968 8.27172 14.4085L8.58384 15.0905L8.27171 14.4085L4.42327 16.1699C4.24618 16.2509 4.04852 16.1073 4.07088 15.9138L4.55679 11.7095C4.61518 11.2042 4.45089 10.6986 4.10669 10.3242L1.2423 7.20837C1.1105 7.06499 1.186 6.83263 1.3769 6.79411L5.52566 5.95701C6.0242 5.85642 6.45432 5.54392 6.70405 5.10086L8.78221 1.41384L8.12885 1.04558L8.78221 1.41384Z"
      stroke="currentColor"
      strokeWidth="1.5"
    />
  </svg>
);

const BoxedIcon = (
  <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M9.78221 2.41384C9.87784 2.24418 10.1222 2.24418 10.2178 2.41384L10.8712 2.04557L10.2178 2.41384L12.2959 6.10086C12.5457 6.54392 12.9758 6.85642 13.4743 6.95701L17.6231 7.79411C17.814 7.83263 17.8895 8.06499 17.7577 8.20837L14.8933 11.3242L15.4455 11.8318L14.8933 11.3242C14.5491 11.6986 14.3848 12.2042 14.4432 12.7095L14.9291 16.9138C14.9515 17.1073 14.7538 17.2509 14.5767 17.1699L10.7283 15.4085C10.2658 15.1968 9.73417 15.1968 9.27172 15.4085L9.58384 16.0905L9.27171 15.4085L5.42327 17.1699C5.24618 17.2509 5.04852 17.1073 5.07088 16.9138L5.55679 12.7095C5.61518 12.2042 5.45089 11.6986 5.10669 11.3242L2.2423 8.20837C2.1105 8.06499 2.186 7.83263 2.3769 7.79411L6.52566 6.95701C7.0242 6.85642 7.45432 6.54392 7.70405 6.10086L9.78221 2.41384L9.12885 2.04558L9.78221 2.41384Z"
      stroke="currentColor"
      strokeWidth="1.5"
    />
  </svg>
);

export default IconWrapper(RawIcon, BoxedIcon);
